<!--
 * @Author       : 邱狮杰
 * @Date         : 2021-05-08 09:31:32
 * @LastEditTime : 2021-05-08 17:38:52
 * @FilePath     : /abc/queryResult.html
 * @Description  : 查询结果
-->
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./scss/main.css">
  <link rel="stylesheet" href="./scss/queryResult.css">
  <link rel="stylesheet" href="./scss/listeningPart.css">
  <title>queryResult</title>
</head>

<body>
  <div class="queryResult">
    <!-- 导航栏 -->
    <div class="bar">
      <span data-show="examResultPage" data-index='4' class="actionSpan">考试结果</span>
      <span data-show='listeningPart' data-index='29'>听力部分</span>
      <span data-show='readingPart' data-index='54'>阅读部分</span>
      <span data-show='writingPart' data-index='79'>写作部分</span>
      <div class="block"></div>
    </div>
    <div style="display: none;" class="examResultPage">
      <!-- 考试结果下的总成绩 -->
      <div class="examResult ">
        <div class="examResult_item total">
          <span>总分数</span>
          <div>
            <span>8</span>
            <span>分</span>
          </div>
        </div>
        <div class="examResult_item">
          <span>听力</span>
          <div>
            <span>8</span>
            <span>分</span>
          </div>
        </div>
        <div class="examResult_item">
          <span>阅读</span>
          <div>
            <span>8</span>
            <span>分</span>
          </div>
        </div>
        <div class="examResult_item">
          <span>写作</span>
          <div>
            <span>8</span>
            <span>分</span>
          </div>
        </div>
        <div class="examResult_item">
          <span>口语</span>
          <div>
            -
            <!-- <span>8</span>
                    <span>分</span> -->
          </div>
        </div>
      </div>
      <!-- 考试结果下的点评语 -->
      <div class="comments ">
        <div class="overallComments examResultPageComments">
          总结评语
          <img src="./assets/rightArrow.png" alt="">
        </div>
        <div class="ModelMain examResultPageModelMain">
          <div class="teacherCommentsModel">
            <img src="https://golang.google.cn/lib/godoc/images/footer-gopher.jpg" alt="">
            <div class=" content">
              <span class="userName">
                awesome
              </span>
              <div class="content_text">
                texttextexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttextt
              </div>
            </div>
          </div>
          <div class="teacherCommentsModel">
            <img src="https://golang.google.cn/lib/godoc/images/footer-gopher.jpg" alt="">
            <div class=" content">
              <span class="userName">
                awesome
              </span>
              <div class="content_text">
                <img src="./assets/voice.png" alt="">
                <span>13"</span>
                <span class="voiceBlock"></span>
              </div>
            </div>
          </div>
        </div>
        <!-- 考试结果下的打分结果 -->
      </div>
      <div class="evaluation ">
        <div class="question">
          <span>你对点评老师满意吗？</span>
          <div>
            <span>匿名提交</span>
            <img src="./assets/noCheck.png" alt="">
          </div>
        </div>
        <div class="startList">
          <img data-index='0' src="./assets/start.png" alt="">
          <img data-index='1' src="./assets/start.png" alt="">
          <img data-index='2' src="./assets/noStart.png" alt="">
          <img data-index='3' src="./assets/noStart.png" alt="">
          <img data-index='4' src="./assets/noStart.png" alt="">
          <span>满意</span>
        </div>
        <button>提交</button>
      </div>
    </div>
    <div class="listeningPart">
      <div class="comments ">
        <div class="overallComments listeningPartComments">
          听力点评
          <img src="./assets/rightArrow.png" alt="">
        </div>
        <div class="ModelMain listeningPartModelMain">
          <div class="teacherCommentsModel">
            <img src="https://golang.google.cn/lib/godoc/images/footer-gopher.jpg" alt="">
            <div class=" content">
              <span class="userName">
                awesome
              </span>
              <div class="content_text">
                texttextexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttextt
              </div>
            </div>
          </div>
          <div class="teacherCommentsModel">
            <img src="https://golang.google.cn/lib/godoc/images/footer-gopher.jpg" alt="">
            <div class=" content">
              <span class="userName">
                awesome
              </span>
              <div class="content_text">
                <img src="./assets/voice.png" alt="">
                <span>13"</span>
                <span class="voiceBlock"></span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 听力试题 -->
      <div class="testQuestions">
        <div class="title">听力试题</div>
        <div class="uint ">
          <div class="uintOperaction listeningPartUint">
            <span>Part 1</span>
            <img src="./assets/rightArrow.png" alt="">
          </div>
          <div class="topicModel">
            <div class="topic">Which is NOT mentioned as a way to improve supplement absorption?</div>
            <div class="questionItem">
              <span>A</span>
              avoiding drinks containing caffeine while taking supplements
            </div>
            <div class="questionItem">
              <span>B</span>
              avoiding drinks containing caffeine while taking supplements
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--</div>-->

  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
  <script src="./js/examResult.js"></script>
  <script src="./js/queryResultBar.js"></script>
  <script src="./js/listeningPart.js"></script>
  <script>
  </script>
</body>

</html>